<?php require('gzip-header-css.php'); ?>

/*- Reset CSS */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of CSS Reset */

/* Global Style*/
body {
	margin:3px 10px;
	font-size:1em;
	font-family:'tahoma','verdana',sans;
	}
a {	
	color:#16a;
	text-decoration:none;
	}
a:hover {
	color:#f70;
	border-bottom:1px dotted #f70;
	}
a:visited {
	color:#093bad;
}
hr {
	display:none;
	}
.rd_ul{
	background:transparent url(../images/ul.gif) no-repeat scroll left top;
	}
.rd_ur{
	background:transparent url(../images/ur.gif) no-repeat scroll right top;
	}
.rd_ll{
	background:transparent url(../images/ll.gif) no-repeat scroll left bottom;
	}
.rd_lr{
	background:transparent url(../images/lr.gif) no-repeat scroll right bottom;
	}
/* END of Global Style*/

/* Global Layout*/
#topnav{
	width:100%;
}
#header{
	width:100%;
	height:55px;
	}
#pn{
	width:100%;
	}
#fb{
	width:100%;
	margin-top:-1px;
	}
#page {
	margin-right:-21em;
	float:left;
	width:100%;
	margin-bottom:15px;
	}
#content{
	margin-right:21em;
	}
#sidebar{
	width:20em;
	float:right;
	padding:0 0 10px;
	margin-top:10px;
	}
#footer{
	clear:both;
	width:100%;
	}
/* End of Global Layout*/

/* Header Navigation Section*/
#topnav{
	text-align:right;
	}
#topnav a{
	font-size:13px;
	}
#header a:hover{
	border:none;
	}
#sn{
	float:left;
	height:55px;
	width:202px;
	margin-right:18px;
	}
#sn h1 a{
	background:transparent url(../images/logo.png) no-repeat scroll 0 0;
	height:55px;
	overflow:hidden;
	position:absolute;
	line-height:202px;
	text-indent:400px;
	width:202px;
	}
#descr{
	float:left;
	height:100%;
	line-height:55px;
	}
#search{
	float:right;
	height:55px;
	width:35%;
	line-height:55px;
	text-align:right;
	}
/*The searchform in the opera cannot be vertical-aligned.*/
#searchform input{
	vertical-align:middle;
	}
.page_item{
	font-size:small;
	font-weight:700;
	}
#pn ul li{
	background-color:#e5ecf9;
	margin-right:5px;
	float:left;
	}
#pn ul li:hover{
	background-color:#c3d9ff;
	}
#pn ul li.current_page_item{
	background-color:#c3d9ff;
	}
#pn .in_pn{
	padding:4px 12px 2px;
	height:1em;
	}
#pn a:hover,#pn a:visited, #pn a{
	color:#093bad;
	border:none;
	}
#fb{
	background-color:#c3d9ff;
	min-height:4px;
	font-size:0;
	clear:both;
	}
/* Header Navigation Section END */

/* Content Section*/
#content{
	margin-top:20px;
	margin-left:16px;
	}
.post{
	padding:1px;
	clear:both;
	}
.post h2{ /*Post Title*/
	font-family:"黑体","Arial Black",sans-serif;
	text-align:center;
	font-size:1.7em;
	margin:20px auto 5px;
	}
.post hr{
	width:61.8%;
	background-color:#aaa;
	border:none;
	margin:0 auto;
	height:1px;	
	line-height:0;
	display:block;
	}
.post .p_meta{
	text-align:center;
	color:#999;
	margin:5px auto 8px;
	font-size:0.7em;
	}
.entry{
	font-size:1em;
	line-height:1.7em;
	}
.entry h2, .entry h3, .entry h4{
	font-family:"黑体","Arial Black",sans-serif;
	}
.entry h2{
	font-size:1.7em;
	text-align:center;
	margin:15px auto;
	}
.entry h3{
	font-size:1.5em;
	margin:12px auto;
	}
.entry h4{
	font-size:1.3em;
	text-indent:0.4em;
	margin:9px auto;
	}
.entry h5{
	font-size:1.2em;
	text-indent:0.8em;
	margin:6px auto;
	}
.entry h6{
	font-size:1.1em;
	text-indent:1.2em;
	margin:3px auto;
	}
.entry p{
	text-indent:2em;
	margin-bottom:1em;
	}
.entry ul{
	list-style-position:inside;
	list-style-type:disc;
	text-indent:2em;
	}
.entry ol{
	list-style-position:inside;
	list-style-type:decimal;
	text-indent:2em;
	}
.entry li ul,.entry li ol{
	margin-left:2em;
	}
blockquote {
	border-left:5px solid #DDDDDD;
	margin:15px 30px 0pt 10px;
	padding-left:20px;
	color:#777;
	}
.navigation {
	clear:both;
	font-size:0.8em;
	padding:1px;
	}
.navigation div{
	padding:1px;
	line-height:1em;
	}
.alignleft{
	float:left;
	}
.alignright{
	float:right;
	}
#pg_nv{
	clear:both;
	width:100%;
	text-align:center;
	}
.in_pv{
	width:61.8%;
	background-color:#eee;
	padding:5px;
	margin:5px auto;
	}
small{
	font-size:0.7em;
	}
div.bottominfo{
	background-color:#ddd;
	font-size:0.8em;
	}
.bottominfo p{
	margin-bottom:0;
	}
#commentsarea{
	margin:0;
	padding:0;
	}
h3#comments{
	margin:20px auto 10px;
	}
ol.commentslist{
	margin:0;
	padding:0 0 5px;
	list-style-image:none;
	list-style-type:none;
	list-style-position:outside;	
	}
ol.commentlist li{
	padding:10px;
	border:1px dotted #999;
	line-height:1.2em;
	margin:10px;
	}
img.avatar{
	border:1px solid rgb(236,236,236);
	float:right;
	height:32px;
	margin-left:10px;
	width:32px;
	}
p.thdrpy{
	text-align:right;
	}
div.alt{
	background-color:#eee;
	}
#respond{
	margin:25px auto 15px;
	font-size:1.2em;
	text-align:center;
	}
#commentform input{
	background:#FAFAFA none repeat scroll 0% 0%;
	border:1px solid #CCCCCC;
	color:#666666;
	padding:4px;
	width:200px;
	}
#commentform p{
	margin-bottom:10px;
	text-align:justify;
	}
#commentform textarea {
	background:#FAFAFA none repeat scroll 0% 0%;
	border:1px solid #CCCCCC;
	color:#666666;
	height:140px;
	padding:4px;
	width:550px;
	}
/* Content Section END*/

/* Search Page Style*/
.pagetitle{
	font-size:1.6em;
	text-align:center;
	margin:25px auto 15px;
	}
/* Search Page Style END*/

/*Sidebar Section*/
#sidebar h4{
	font-size:1.2em;
	margin:0 auto 10px;
	}
#sidebar ul li{
	margin:0 0 0.6em;
	background-color:#e5ecf9;
	}
#sidebar ul ul li{
	list-style:none;
	padding:3px 0;
	margin-bottom:2px;
	background-color:transparent;
	font-size:0.8em;
	border-bottom:1px dotted #888;
	}
.in_sb{
	padding:1em;
	}
#sidebar ul ul{
	margin:0;
	}
#rss_link table{
	width:80%;
	}
#rss_link tr{
	font-size:0.8em;
	line-height:21px;
	}
table.feedicons td{
	width:8em;
	}
a.fsgoogle {
	color:#184FCB;
	}
a.fbgoogle {
	color:#184FCB;
	}
a.fsyahoo {
	color:#fc1921;
	}
a.fbyahoo {
	color:#fc1921;
	}
a.fsxianguo {
	color:#06c;
	}
a.fbxianguo {
	color:#06c;
	}
a.fszhuaxia {
	color:#86b540;
	}
a.fbzhuaxia {
	color:#86b540;
	}
table span.sig_add{
	color:#f98d0d;
	font-weight:900;
	}
/* Sidebar Section END*/

/* Footer Section */
#footer{
	text-align:center;
	background-color:#eee;
	padding:1px 0 2px;
	font-size:12px;
	line-height:18px;
	}
/* Footer Section END*/

/*CoolCode*/
.hl-title {
    background-color: #F9FBFC;
    border: 1px solid #C3CED9;
    border-bottom: 0;
    padding: 6px 24px;
    margin: 0;
    width: auto;
    line-height: 180%;
    overflow : auto;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
}

.hl-surround {
    background-color: #F9FBFC;
    border: 1px solid #C3CED9;
    margin: 0;
    margin-bottom: 5px;
    width: auto;
    height: auto;
    overflow : hidden;
    text-align: left;
    font-family: Fixedsys, "BitStream Vera Sans Mono", "Courier New", Courier, monospace;
}

ol.hl-main {
    padding: 0 12px 0 56px;
    margin: 0;
    background-color: transparent;
    background-image: url(../images/hide.gif);
    background-repeat: no-repeat;
    background-position : 5px 5px;
}

div.hl-main {
    padding: 6px 24px;
    margin: 0;
    line-height: 180%;
    background-color: transparent;
}

.ln-show {
    padding-left: 56px !important;
    background-image: url(../images/hide.gif) !important;
    list-style: decimal outside !important;
}

.ln-show li {
    list-style: decimal outside !important;
}

.ln-hide {
    padding-left: 24px !important;
    background-image: url(../images/show.gif) !important;
    list-style-type: none !important;
}

.ln-hide li {
    list-style-type: none !important;
}

ol.hl-main li {
    display: list-item !important;
    font-size: 12px !important;
    margin: 0 !important;
    line-height: 20px !important;
    border-left: 1px solid #C3CED9;
    border-top: 1px solid #E3EEF9;
    border-top-color: #E3EEF9 !important;
    padding: 0 0 0 12px !important;
    background-color: #F9FBFC !important;
}

li.hl-firstline {
    border-top: 0 !important;
}
/*CoolCode END*/

/*PageNavi Begin*/
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
/*PageNavi END*/
	
/*CodeColorer*/
.codecolorer {
	white-space: nowrap;
}

.codecolorer-container {
	overflow: auto;
	width: 85%;
	font-family: monospace;
	white-space: nowrap;
}

OL .codecolorer-container, UL .codecolorer-container {
	width: 390px;
}

.commentlist .codecolorer-container {
	width: 420px;
}

.commentlist blockquote .codecolorer-container {
	width: 380px;
}

/* Color scheme */

.codecolorer .de1, .codecolorer .de2 {font-family: 'Courier New', Courier, monospace; font-weight: normal;}
.codecolorer .imp {font-weight: bold; color: red;}
.codecolorer .ln-xtra {color: #cc0; background-color: #ffc;}
.codecolorer li {font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;}
.codecolorer li.li2 {font-weight: bold;}
.codecolorer .kw1 {color: #b1b100;}
.codecolorer .kw2 {color: #000000; font-weight: bold;}
.codecolorer .kw3 {color: #000066;}
.codecolorer .co1 {color: #808080; font-style: italic;}
.codecolorer .co2 {color: #808080; font-style: italic;}
.codecolorer .coMULTI {color: #808080; font-style: italic;}
.codecolorer .es0 {color: #000099; font-weight: bold;}
.codecolorer .br0 {color: #66cc66;}
.codecolorer .st0 {color: #ff0000;}
.codecolorer .nu0 {color: #cc66cc;}
.codecolorer .me1 {color: #006600;}
.codecolorer .me2 {color: #006600;}
.codecolorer .sc0 {}
.codecolorer .sc1 {}
.codecolorer .sc2 {}
.codecolorer .sc3 {}
.codecolorer .re0 {color: #0000ff;}
.codecolorer .re1 {color: #ff0000}
/*CodeColoer End*/